<!DOCTYPE html PUBLIC "-//W3C//Dth XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/Dth/xhtml1-transitional.dth">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style/global.css" />
<link rel="stylesheet" type="text/css" href="style/tongji.css" />
<script src="js/jquery.js"></script>
<script src="js/My97DatePicker/WdatePicker.js"></script>
<script src="js/comm.js"></script>
<script>
$(function(){
	$("input[name='datetype']").click(function(){
		var id = $(this).attr('id');
		if(id == 'time_diy'){
			$('#datediy').show();
		}else{
			$('#datediy').hide();
		}
	});
});
</script>
</head>
<body>
<div id="wrap">
    <div class="m_head">
        <div class="m_positin">电话时长统计(2012/4/16～2012/4/22)</div>
    </div>
    <div class="m_search">
		<label for="time_1"><input type="radio" name="datetype" id="time_1" />本周</label>
        <label for="time_2"><input type="radio" name="datetype" id="time_2"/>上周</label>&nbsp;
        <label for="time_3"><input type="radio" name="datetype" id="time_3" />本月</label>
        <label for="time_4"><input type="radio" name="datetype" id="time_4"  checked="checked" />上月</label>&nbsp;
        <label for="time_5"><input type="radio" name="datetype" id="time_5" />今年</label>
        <label for="time_6"><input type="radio" name="datetype" id="time_6" />去年</label>&nbsp;
        <label for="time_diy"><input type="radio" name="datetype" id="time_diy" />自定义时间
        <span id="datediy" style="display:none">
        	<input name="startTime" class="Wdate" value="" type="text" onClick="WdatePicker()"/> > <input name="endTime" value="" class="Wdate" type="text" onClick="WdatePicker()"/>
        </span>
        </label>
        <input name="" type="button" value="" class="btn_search"/>
    </div>
  <div id="revise" class="m_revise">
  	<div class="tips">
    	<table class="tableTotal" cellspacing="1" cellpadding="0" width="640"><tr>
        <td>总时长（小时）<p>1138</p></td>
        <td>时长最多（小时）<p>刘梅（301/26.45%）</p></td>
        <td>时长最少（小时）<p>杨丽红（98/8.61%）</p></td>
        <td>平均时长（小时）<p>189</p></td>
        </tr></table>
    </div>
    <div class="reporting">
      <img src="/images/report/jixiaobyshichang.jpg"  />
    </div>
    <div class="data">
      <table cellspacing="1" cellpadding="0" class="tableGray" width="600">
           <tr><th>客服人员</th>
              <th>时长(小时)</th>
              <th>所占比率</th>
          </tr>
            <tr>
              <td>宋小红</td>
              <td>191</td>
              <td>16.78%</td>
          </tr>
            <tr>
              <td>陈洁</td>
              <td>211</td>
              <td>18.54%</td>
          </tr>
            <tr>
              <td>刘梅</td>
              <td>301</td>
              <td>26.45%</td>
          </tr>
            <tr>
              <td>林文珊</td>
              <td>211</td>
              <td>18.54%</td>
          </tr>
            <tr>
              <td>王燕</td>
              <td>98</td>
              <td>8.61%</td>
          </tr>
            <tr>
              <td>杨丽红</td>
              <td>126</td>
              <td>11.07%</td>
          </tr>
            <tr>
              <td>总时长</td>
              <td>1138</td>
              <td>100.00%</td>
          </tr>
      </table>
    </div>
  </div>    
</div>
</body>
</html>
